import axios from 'axios'
import { ElMessage } from 'element-plus'
// 数据返回的接口
// 定义请求响应参数，不含data
interface Result {
    code: number;
    msg: string
}

// 请求响应参数，包含data
interface ResultData<T = any> extends Result {
    data?: T;
}
const URL: string = '/api'
enum RequestEnums {
    TIMEOUT = 20000,
    OVERDUE = 600, // 登录失效
    SUCCESS = 200, // 请求成功
}
const config = {
    // 默认地址
    baseURL: URL as string,
    // 设置超时时间
    timeout: RequestEnums.TIMEOUT as number,
    // 跨域时候允许携带凭证
    withCredentials: true
}
class RequestHttp {
    // 定义成员变量并指定类型
    http: axios.AxiosInstance
    public constructor() {
        // 实例化axios
        this.http = axios.create(config);
        this.http.interceptors.request.use(
            config => {
                config.headers['packageName'] = 'popose'
                // console.log("请求拦截成功：", JSON.stringify(config))
                return config
            },
            error => {
                console.log("请求拦截失败：", JSON.stringify(error))
                return Promise.reject(error)
            }
        )

        /**
         * 响应拦截器
         * 服务器换返回信息 -> [拦截统一处理] -> 客户端JS获取到信息
         */
        this.http.interceptors.response.use(
            response => {
                // console.log("响应拦截器成功：", JSON.stringify(response))
                const { data } = response; // 解构
                if (data.code === RequestEnums.OVERDUE) {
                    return Promise.reject(data);
                }
                // 全局错误信息拦截（防止下载文件得时候返回数据流，没有code，直接报错）
                if (data.code && data.code !== RequestEnums.SUCCESS) {
                    ElMessage.error(data); // 此处也可以使用组件提示报错信息
                    return Promise.reject(data)
                }
                return data;
            },
            error => {
                console.log("响应拦截器失败：", JSON.stringify(error))
                const { response } = error;
                if (response) {
                    this.handleCode(response.status)
                }
            }
        )
    }
    handleCode(code: number): void {
        switch (code) {
            case 400:
                ElMessage.error("请求错误(400)");
                break;
            case 401:
                ElMessage.error("未授权，请重新登录(401)");
                break;
            case 403:
                ElMessage.error("拒绝访问(403)");
                break;
            case 404:
                ElMessage.error("请求出错(404)");
                break;
            case 408:
                ElMessage.error("请求超时(408)");
                break;
            case 500:
                ElMessage.error("服务器错误(500)");
                break;
            case 501:
                ElMessage.error("服务未实现(501)");
                break;
            case 502:
                ElMessage.error("网络错误(502)");
                break;
            case 503:
                ElMessage.error("服务不可用(503)");
                break;
            case 504:
                ElMessage.error("网络超时(504)");
                break;
            case 505:
                ElMessage.error("HTTP版本不受支持(505)");
                break;
            default:
                ElMessage.error(`连接出错(${code})!`);
                break;
        }
    }
    // 常用方法封装
    get<T>(url: string, params?: object): Promise<ResultData<T>> {
        return this.http.get(url, { params });
    }
    post<T>(url: string, params?: object): Promise<ResultData<T>> {
        return this.http.post(url, params);
    }
}
// 导出一个实例对象
export default new RequestHttp();
